<!DOCTYPE HTML>
<html>
<head>
    <title>The Aditii Website Template | Details </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="order by dede58.com"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
    <link href="__HOME__/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- start details -->
    <link rel="stylesheet" type="text/css" href="__HOME__/css/productviewgallery.css" media="all" />
    <script type="text/javascript" src="__HOME__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__HOME__/js/cloud-zoom.1.0.3.min.js"></script>
    <script type="text/javascript" src="__HOME__/js/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="__HOME__/js/jquery.fancybox-buttons.js"></script>
    <script type="text/javascript" src="__HOME__/js/jquery.fancybox-thumbs.js"></script>
    <script type="text/javascript" src="__HOME__/js/productviewgallery.js"></script>
    <!-- start top_js_button -->
    <script type="text/javascript" src="__HOME__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__HOME__/js/move-top.js"></script>
    <script type="text/javascript" src="__HOME__/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
            });
        });
    </script>
    <style>
        .product-image img{
            height: 375px;
        }
        .btn_form{
            display: inline-block;
            width: 350px;
        }
        .buy_button{
            float: left;
            width: 143px;
            margin-right: 30px;
            font-family: 'Source Sans Pro', sans-serif;
            cursor: pointer;
            border: none;
            outline: none;
            display: inline-block;
            font-size: 1em;
            padding: 10px 34px;
            background: #555555;
            color: #fff;
            text-transform: capitalize;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        .add_button{
            float: right;


            font-family: 'Source Sans Pro', sans-serif;
            cursor: pointer;
            border: none;
            outline: none;
            display: inline-block;
            font-size: 1em;
            padding: 10px 34px;
            background: #555555;
            color: #fff;
            text-transform: capitalize;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
    </style>
</head>
<body>
<!-- start header -->
<div class="header_bg">
    <div class="wrap">
        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="__HOME__/images/logo.png" alt=""/> </a>
            </div>
            <div class="h_icon">
                <ul class="icon1 sub-icon1">
                    <ul class="sub-icon1 list">
                        <li><h3></h3><a href=""></a></li>
                        <li>
                            <a style="color: #38fefc;float: left" href="/index/shopCar">购物车</a>
                            <a  style="color: #38fefc ;float: right" href="/order/index">我的订单</a>
                        </li>
                    </ul>
                </ul>
            </div>
            <div class="h_search">
                <form id="search" action="/index/search" method="get">
                    <input type="text" name="search" value="" placeholder="请输入商品名~">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="header_btm">
    <div class="wrap">
        <div class="header_sub">
            <div class="h_menu">
                <ul>
                    <li class="active"><a href="{:url('index')}">首页</a></li> |
                    {notempty name='category_list'}
                    {volist name='category_list' id='vo'}
                    <li><a href="{:url('index/category',['cate'=>$vo.id])}">{$vo.name}</a></li> |
                    {/volist}
                    {/notempty}
                </ul>
            </div>
            <div class="top-nav">
                <nav class="nav">
                    <a href="#" id="w3-menu-trigger"> </a>
                    <ul class="nav-list" style="">
                        <li class="nav-item"><a class="active" href="index.html">Home</a></li>
                        <li class="nav-item"><a href="sale.html">Sale</a></li>
                        <li class="nav-item"><a href="handbags.html">Handbags</a></li>
                        <li class="nav-item"><a href="accessories.html">Accessories</a></li>
                        <li class="nav-item"><a href="shoes.html">Shoes</a></li>
                        <li class="nav-item"><a href="service.html">Services</a></li>
                        <li class="nav-item"><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
                <div class="search_box">
                    <form>
                        <input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
                    </form>
                </div>
                <div class="clear"> </div>
                <script src="__HOME__/js/responsive.menu.js"></script>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<!-- start main -->
<div class="main_bg">
    <div class="wrap">
        <div class="main">
            <!-- start content -->
            <div class="single">
                <!-- start span1_of_1 -->
                <div class="left_content" style="width: 100%">
                    <div class="span1_of_1">
                        <!-- start product_slider -->
                        <div class="product-view">
                            <div class="product-essential">
                                <div class="product-img-box">
                                    <div class="more-views" style="float:left;">
                                        <div class="more-views-container">
                                            <ul>
                                                <li>
                                                    <a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt="">
                                                        <img src="" src_main=""  title="" alt="" /></a>
                                                </li>
                                                <li>
                                                    <a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt="">
                                                        <img src="" src_main=""  title="" alt="" /></a>
                                                </li>
                                                <li>
                                                    <a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt="">
                                                        <img src="" src_main=""  title="" alt="" /></a>
                                                </li>
                                                <li>
                                                    <a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt="">
                                                        <img src="" src_main="" title="" alt="" /></a>
                                                </li>
                                                <li>
                                                    <a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt="">
                                                        <img src="" src_main="" title="" alt="" /></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-image">
                                        <a rel="adjustX:30,adjustY:0,position:'right',tint:'#202020',tintOpacity:0.5,smoothMove:2,showTitle:true,titleOpacity:0.5" data-fancybox-group="thumb" href="__HOME__/images/0001-2.jpg" title="Women Shorts" alt="Women Shorts">
                                            <img src="__HOME__/images/0001-9.jpg" alt="Women Shorts" title="Women Shorts" />
                                        </a>
                                    </div>
                                    <script type="text/javascript">
                                        var prodGallery = jQblvg.parseJSON('{$str}'),
                                            gallery_elmnt = jQblvg('.product-img-box'),
                                            galleryObj = new Object(),
                                            gallery_conf = new Object();
                                        gallery_conf.moreviewitem = '<a class="cs-fancybox-thumbs" data-fancybox-group="thumb" style="width:64px;height:85px;" href=""  title="" alt=""><img src="" src_main="" width="64" height="85" title="" alt="" /></a>';
                                        gallery_conf.animspeed = 200;
                                        jQblvg(document).ready(function() {
                                            galleryObj[1] = new prodViewGalleryForm(prodGallery, 'prod_1', gallery_elmnt, gallery_conf, '.product-image', '.more-views', 'http:');
                                            jQblvg('.product-image .cs-fancybox-thumbs').absoluteClick();
                                            jQblvg('.cs-fancybox-thumbs').fancybox({ prevEffect : 'none',
                                                nextEffect : 'none',
                                                closeBtn : true,
                                                arrows : true,
                                                nextClick : true,
                                                helpers: {
                                                    thumbs : {
                                                        width: 64,
                                                        height: 85,
                                                        position: 'bottom'
                                                    }
                                                }
                                            });
                                            jQblvg('#wrap').css('z-index', '100');
                                            jQblvg('.more-views-container').elScroll({type: 'vertical', elqty: 4, btn_pos: 'border', scroll_speed: 400 });

                                        });

                                        function initGallery(a,b,element) {
                                            galleryObj[a] = new prodViewGalleryForm(prods, b, gallery_elmnt, gallery_conf, '.product-image', '.more-views', '');
                                        };
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!-- end product_slider -->
                    </div>
                    <!-- start span1_of_1 -->
                    <div class="span1_of_1_des">
                        <div class="desc1" style="width: 402px">
                            <input type="text" id="goodsid" value="{$goodsDetail.id}" hidden>
                            <h3> {$goodsDetail.name}</h3>
                            <p> {$goodsDetail.description} </p>
                            <h5>￥{$goodsDetail.price}<a href="#"></a></h5>
                            <div class="available">
                                <h4>购买选项:</h4>
                                <ul>

                                    <li>数量:
                                        <span class="reduce">-</span>
                                        <input type="text" style="width: 30px" name="num" id="num" value="1"/>
                                        <span class="add">+</span>
                                </ul>
                                <div class="btn_form">
                                    <a href="javascript:0" class="buy_button">立即购买</a>
                                    <button class="add_button">加入购物车</button>
                                </div>

                                <div class="clear"></div>
                            </div>
                            <div class="share-desc">
                                <!--     <div class="share">
                                         <h4>Share Product :</h4>
                                         <ul class="share_nav">
                                             <li><a href="#"><img src="__HOME__/images/facebook.png" title="facebook"></a></li>
                                             <li><a href="#"><img src="__HOME__/images/twitter.png" title="Twiiter"></a></li>
                                             <li><a href="#"><img src="__HOME__/images/rss.png" title="Rss"></a></li>
                                             <li><a href="#"><img src="__HOME__/images/gpluse.png" title="Google+"></a></li>
                                         </ul>
                                     </div>-->
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <!-- start tabs -->
                    <section class="tabs">
                        <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked">
                        <label for="tab-1" class="tab-label-1">详细介绍</label>

                        <!-- <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2">
                         <label for="tab-2" class="tab-label-2">consumer electronics</label>

                         <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3">
                         <label for="tab-3" class="tab-label-3">semiconductor</label>-->

                        <div class="clear-shadow"></div>

                        <div class="content" style="position:relative;">
                            <div class="content-1" style="position:relative;">
                                {$goodsDetail.detail|htmlspecialchars_decode}
                                <div class="clear"></div>
                            </div>
                            <!--<div class="content-2">
                                <p class="para"><span>WELCOME </span> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections </p>
                                <ul class="qua_nav">
                                    <li>Multimedia Systems</li>
                                    <li>Digital media adapters</li>
                                    <li>Set top boxes for HDTV and IPTV Player applications on various Operating Systems and Hardware Platforms</li>
                                </ul>
                            </div>
                            <div class="content-3">
                                <p class="para top"><span>LOREM IPSUM</span> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined </p>
                                <ul>
                                    <li>Research</li>
                                    <li>Design and Development</li>
                                    <li>Porting and Optimization</li>
                                    <li>System integration</li>
                                    <li>Verification, Validation and Testing</li>
                                    <li>Maintenance and Support</li>
                                </ul>
                                <div class="clear"></div>
                            </div>-->
                        </div>
                    </section>
                    <!-- end tabs -->
                </div>
                <!-- start sidebar -->
                <!-- <div class="left_sidebar">
                     <div class="sellers">
                         <h4>Best Sellers</h4>
                         <div class="single-nav">
                             <ul>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                                 <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">The standard chunk of Lorem Ipsum</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                                 <li><a href="#">Always free from repetition</a></li>
                             </ul>
                         </div>
                         <div class="banner-wrap bottom_banner color_link">
                             <a href="#" class="main_link">
                                 <figure><img src="__HOME__/images/delivery.png" alt=""></figure>
                                 <h5><span>Free Shipping</span><br> on orders over $99.</h5><p>This offer is valid on all our store items.</p></a>
                         </div>
                         <div class="brands">
                             <h1>Brands</h1>
                             <div class="field">
                                 <select class="select1">
                                     <option>Please Select</option>
                                     <option>Lorem ipsum dolor sit amet</option>
                                     <option>Lorem ipsum dolor sit amet</option>
                                     <option>Lorem ipsum dolor sit amet</option>
                                 </select>
                             </div>
                         </div>
                     </div>
                 </div>-->
                <!-- end sidebar -->
                <div class="clear"></div>
            </div>
            <!-- end content -->
        </div>
    </div>
</div>
<!-- start footer -->
<link rel="stylesheet" href="__STATIC__/shopCar/bootstarp/css/bootstrap.min.css" />
<link rel="stylesheet" href="__STATIC__/shopCar/fontAwesome/css/font-awesome.min.css"/>
<link rel="stylesheet" href="__STATIC__/shopCar/css/index.css" />
<footer class="cancelBg">
    <div class="footerBg"></div>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <img src="__STATIC__/shopCar/images/footer11.png"/>
                </div>
                <div class="col-lg-3">
                    <img src="__STATIC__/shopCar/images/footer22.png"/>
                </div>
                <div class="col-lg-3">
                    <img src="__STATIC__/shopCar/images/footer33.png"/>
                </div>
                <div class="col-lg-3">
                    <img src="__STATIC__/shopCar/images/footer44.png"/>
                </div>
            </div>
            <div class="row footerInfor">
                <div class="col-lg-2">
                    <img src="__STATIC__/shopCar/images/erweima.png"/>
                    <p>扫描关注APP</p>
                </div>
                <div class="col-lg-2">
                    <h4>购物指南</h4>
                    <a>购物流程</a>
                    <a>售后政策</a>
                    <a>支付方式</a>
                </div>
                <div class="col-lg-2">
                    <h4>支付方式</h4>
                    <a>安全支付保障</a>
                    <a>在线支付</a>
                    <a>支付宝支付</a>
                </div>
                <div class="col-lg-2">
                    <h4>售后服务</h4>
                    <a>退换货流程</a>
                    <a>退款流程</a>
                    <a>取消订单</a>
                </div>
                <div class="col-lg-2">
                    <h4>公司简介</h4>
                    <a>关于我们</a>
                    <a>联系我们</a>
                    <a>邮箱反馈</a>
                </div>
            </div>
            <div class="row footerLink">
                <div>
                    <a>商城首页</a> |
                    <a>关于商城</a> |
                    <a>联系我们</a> |
                    <a>帮助中心</a>
                    <p>Copyright © 2004-2017 alinejun版权所有</p>
                </div>
            </div>
        </div>
    </div>
</footer>
<script type="text/javascript">
    $(document).ready(function() {

        var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
        };


        $().UItoTop({ easingType: 'easeOutQuart' });

    });
    $('.add_button').click(function () {
        var url = '{:url("/index/car/addCar")}'
        var id = $('#goodsid').val();
        var userid = '{$Think.session.userid}'
        var num = $('#num').val();
        var data= {goodsid:id,num:num,userid:userid}
        $.post(url,data,function(e){
            if(e.msg=='用户id不能为空'){
                alert('请先登录~');
                window.location.href = "{:url('/user/login')}"
            }
            if(e.code==1){
                window.location.href = "{:url('/index/index/shopCar')}"
            }
        },'json');
    });

    $(function(){
        $(".add").click(
         function () {
             $("#num").val(parseInt($("#num").val())+1)
         }
        )
        $(".reduce").click(

            function () {
                if($("#num").val()>1){
                $("#num").val(parseInt($("#num").val())-1)
            }}
        )
    })
    $('.buy_button').click(function(){
        window.location.href ="/order/buyGoods?goodsid={$goodsDetail.id}&num="+$('#num').val()
    })
</script>
</body>
</html>